#Page .products{
    margin-bottom: 20px;
    height: auto;
}
#Page .products header{
    margin-left:20px;
    padding:10px;
}
#Page .products ul{
    list-style:none;
}
#Page .products ul li{
    list-style:none;
    background: #aaff00;
    width:220px;
    min-height:260px;
    display: inline-block;
    margin-left:20px;
    float: left;
    text-align: center;
    overflow-x:hidden; 
    position:relative;
}
#Page .products ul li h4{
    background: #FFC5C5;
    padding:10px;
}
.thumbnail{
        width:100%;
        border-top:solid red 1px;
        border-bottom:solid red 1px;
    }
    .cat-info{
        background: #fff;
        width:100%;
        padding:20px;
        text-align: left;
        border-bottom:1px solid red;
    }
/*
    Mobile
*/
@media all and (max-width: 760px) and (min-width: 0px) {
    
    #Page .products{
        margin-left:0px;
        width:100%;
        margin-left:2%;
        margin-right:2%;
    }
    #Page .products ul li{
        margin-left:0;
        width: 96%;
        min-height:180px;
        display:block;
        margin-bottom:20px;
        text-align:left;
    }
    .thumbnail{
        width:100%;
        border-top:solid red 1px;
        border-bottom:solid red 1px;
    }
    .cat-info{
        background: #fff;
        width:100%;
        padding:20px;
        float:right;
    }
}
/*
    Small
*/
@media all and (max-width: 980px) and (min-width: 760px) {
    
    #Page .products ul li{
        width:160px; 
    }
    #Page .products ul li h4{
        background: #FFC5C5;
        padding:10px;
        font-size:80%;
    }
}
/*
    Large
*/
@media all and (max-width: 3000px) and (min-width: 1280px) {
    
    #Page .products ul li{
        margin-left:20px;
        width:280px;
    }
}